<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
  <title>财丰金融</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>
  <div class="pub-top">
    <div class="container">
      <img src="./images/logo.png" alt="">
      <div class="pub-nav">
        <a href="index.html">首页</a>
        <a href="task.html" class="active">任务大厅</a>
        <a href="javascript:void(0)">新手指导</a>
        <a href="new.html">新闻资讯</a>
        <a href="about.html">关于我们</a>
        <a href="login.html">登录注册</a>
      </div>
      <div class="pub-search">
        <img src="./images/search.png" alt="">
        <input type="text" class="input" placeholder="请输入关键词">
        <div class="search-box">搜索</div>
      </div>
    </div>
  </div>
  <div id="detail">
    <div class="container">
      <div class="d-left">
        <img src="./images/cl.png" class="cl" alt="">
        <div class="top">
          <p class="text">长沙市农业银行月末冲量</p>
          <div class="right">
            <img src="./images/xx.png" class="xx" alt="">
            <img src="./images/hxx.png" class="hxx" alt="">
            <p>收藏</p>
          </div>
        </div>
        <div class="text-box">
          <div class="item">
            <p class="text">1000万</p>
            <p class="text1">需要资金</p>
          </div>
          <p class="line"></p>
          <div class="item">
            <p class="text">0.1%</p>
            <p class="text1">点位</p>
          </div>
          <p class="line"></p>
          <div class="item">
            <p class="text active">10万</p>
            <p class="text1">预计收益</p>
          </div>
          <p class="line"></p>
          <div class="item">
            <p class="text">1个月</p>
            <p class="text1">时间周期</p>
          </div>
        </div>
        <div class="text-box text-box1">
          <div class="item">
            <p class="text">5万</p>
            <p class="text1">已收定金</p>
          </div>
          <p class="line"></p>
          <div class="item">
            <p class="text">冲量</p>
            <p class="text1">资金去向</p>
          </div>
          <p class="line"></p>
          <div class="item">
            <p class="text">农业银行</p>
            <p class="text1">银行机构</p>
          </div>
        </div>
        <div class="miaosu">
          <p class="text">描述：</p>
          <p class="text">银行要求：</p>
          <p class="text">风险说明：</p>
        </div>
        <div class="liucheng">
          <p class="tit">领取流程</p>
          <div class="y-box">
            <div class="item">
              <div class="d-yuan">
                <p class="x-yuan">1</p>
              </div>
              <p class="text">立即预约</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <div class="d-yuan">
                <p class="x-yuan">2</p>
              </div>
              <p class="text">等待审核</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <div class="d-yuan">
                <p class="x-yuan">3</p>
              </div>
              <p class="text">支付押金</p>
            </div>
            <p class="line"></p>
            <div class="item">
              <div class="d-yuan">
                <p class="x-yuan">4</p>
              </div>
              <p class="text text1">完成任务，上传凭证</p>
            </div>
            <p class="line line1"></p>
            <div class="item">
              <div class="d-yuan">
                <p class="x-yuan">5</p>
              </div>
              <p class="text">等待确认</p>
            </div>
          </div>
          <div class="btn">
            领取任务
          </div>
        </div>
        <div class="headbox">
          <img src="./images/headimg.png" alt="">
          <img src="./images/headimg.png" alt="">
          <img src="./images/headimg.png" alt="">
          <p class="text">256人已预约</p>
        </div>
        <div class="pj">
          <div class="pj-top">
            <p class="tit">客户评价</p>
            <p class="text">查看更多>></p>
          </div>
          <div class="item">
            <img src="./images/headimg1.png" class="headimg" alt="">
            <div class="i-right">
              <div class="i-top">
                <p class="name">一路向北</p>
                <p class="time">2018-07-14 10:53</p>
              </div>
              <p class="mon">购买金额：10万</p>
              <p class="text">都市快节奏、高压的生活方式那么累。让我帮您做一次全身理疗舒缓身心，都市快节奏、高压的生活方式
                那么累。让我帮您做一次全身理疗舒缓身心，</p>
            </div>
          </div>
          <div class="item">
            <img src="./images/headimg1.png" class="headimg" alt="">
            <div class="i-right">
              <div class="i-top">
                <p class="name">一路向北</p>
                <p class="time">2018-07-14 10:53</p>
              </div>
              <p class="mon">购买金额：10万</p>
              <p class="text">都市快节奏、高压的生活方式那么累。让我帮您做一次全身理疗舒缓身心，都市快节奏、高压的生活方式
                那么累。让我帮您做一次全身理疗舒缓身心，</p>
            </div>
          </div>
        </div>
      </div>
      <div class="d-right">
        <div class="r-top">
          <p class="r-tit">发布人</p> 
          <img src="./images/headimg2.png" class="img" alt="">
          <p class="name">张丽丽</p>
          <p class="zw">长沙农业银行经理</p>
        </div>
        <div class="r-bottom">
          <p class="b-tit">热门任务</p>
          <div class="item">
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
            <p class="text">▪ 长沙市农业银行月末冲量</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="pub-bottom">
    <div class="container">
      <div class="bottom-left">
        <img src="./images/logo1.png" alt="">
        <p>杭州财丰金融有限公司 All rights reserved</p>
        <p>浙公网安备 11010502020657 浙ICP备12025643号-1</p>
      </div>
      <div class="bottom-right">
        <img src="./images/code.png" class="code" alt="">
        <img src="./images/code1.png" class="code1" alt="">
        <div class="bottom-phone">
          <p class="text">400-183-5288</p>
          <p class="text1">服务时间: 9:00-21:00</p>
        </div>
        <img src="./images/phone.png" class="phone-pic" alt="">
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-1.10.2.min.js"></script>
<script>
  $(function () {
    $(".d-left .top .right").click(function () {
      if ($(this).hasClass("active")) {
        $(this).removeClass("active")
      } else {
        $(this).addClass("active")
      }
    })
  })
</script>

</html>